<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>小佳学习</title>
		<link rel="stylesheet" href="../src/css/style.css">
		<script src="../src/js/jquery-1.11.3.js"></script>
		<script src="../src/js/scrollReveal.js"></script>
	</head>
	<body>
		<!-- 这是导航 -->
		<div class="main-header nav">
			<a class="logo" href="#">
				<img src="../src/images/logo.png" class="img-res" alt="">
			</a>
			<div class="db-btn">
				<a class="top-index">首页</a>
				<a class="top-download">下载</a>
			</div>
		</div>
		<!--第一模块 -->
		<div class="section frist-page">
			<div class="box">
				<div class="lf" data-scroll-reveal="enter left over 1s and">
					<h1>“互联网+教育”战略升级</h1>
					<p>“小佳老师”APP是一款为小学老师提供的在线教育辅导工具，帮助老师便捷的布置作业、发送通知、检查作业以及管理班级，让老师随时了解学生的学习情况，实现轻松备课、精准教学，提高工作效率，提升教学体验</p>
				</div>
				<div class="rt">
					<i class="phone-one" data-scroll-reveal="enter right over 0.6s  and move 200px after 0.2s"></i>
					<i class="phone-two" data-scroll-reveal="enter right over 1s"></i>
				</div>
			</div>
		</div>
		<!-- 第二模块 -->
		<div class="section second-page">
			<h2><img src="../src/images/produce.png" alt="" ></h2>
			<div class="box">
				<div class="lf" data-scroll-reveal="enter left over 0.8s">
					<i class="people"></i>
				</div>
				<div class="rt" data-scroll-reveal="enter right over 0.8s">
					<p>
						“小佳老师” APP是一款为小学老师提供的在线教育辅导工具，帮助老师便捷的布置作业、发送通知、检查作业以及班级管理，让老师随时了解学生情况、实现轻松备课、精准教学，提高工作效率，提升教学体验。
					</p>
				</div>
			</div>
		</div>
		<!-- 第三模块 -->
		<div class="section third-page">
			<h2><img src="../src/images/power.png" alt=""></h2>
			<div class="box">
				<div class="lf">
					<div class="lf-box">
						<h1 data-scroll-reveal="enter top over 1s">
							<i class="bookself-icon"></i>
							<span>多功能书架</span>
						</h1>
						<p data-scroll-reveal="enter left over 1s">多种检查反馈方式，家长沟通不再有距离</p>
						<p class="left-border"></p>
						<h1 data-scroll-reveal="enter bottom over 1s">
							<i class="fenxi-icon"></i>
							<span>详细的作业分析</span>
						</h1>
						<p data-scroll-reveal="enter left over 1s">学生的学期表现统计，分级奖励，正向奖励有动力</p>
					</div>
				</div>
				<div class="middle">
					<div class="box">
						<div class="yuan">
							<div class="border"></div>
						</div>
					</div>
				</div>
				<div class="rt">
					<div class="rt-box">
						<h1 class="distance" data-scroll-reveal="enter top over 1s">
							<span>高效管理作业任务</span>
							<i class="homework-icon"></i>
						</h1>
						<p class="distance" data-scroll-reveal="enter right over 1s">高效发布作业任务，一个界面轻松搞定</p>
						<p class="right-border"></p>
						<h1 class="distance" data-scroll-reveal="enter bottom over 1s">
							<span>助力指导家长</span>
							<i class="intrdouce-icon"></i>
						</h1>
						<p class="distance" data-scroll-reveal="enter right over 1s">线上各类教育专题资讯推送，有趣又实用线下举办教育主题活动。</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 第四模块 -->
		<div class="section fourth-page">
			<h2><img src="../src/images/contact.png" alt=""></h2>
			<div class="foot">
				<div class="foot-lf" data-scroll-reveal="enter left over 1s">
					<img src="../src/images/map.png" alt="">
				</div>
				<div class="foot-rt" data-scroll-reveal="enter right over 1s">
					<img src="../src/images/information.png" alt="">
				</div>
			</div>
		</div>
	<script>
		// 这是执行动画的初始化
		(function add() {
			window.scrollReveal = new scrollReveal({
			reset: true,
			move: '200px'
		    });
		})();
	</script>
	<!-- 这是导航动画的脚本 -->
	<script src="../src/js/transition.js"></script>
	<!-- 这是计算屏幕高度的脚本 -->
	<script src="../src/js/initheight.js"></script>
	</body>
</html>